<template>
	<view>
		<uni-popup ref="pop" :mask-click="false">
			<view class="pop_root">
				<view class="pop_title" style="font-weight: 700;">
					绑定学号
				</view>
				<view>
					<uni-group>
						<uni-forms-item label="学号" required name="" labelWidth="50">
							<uni-easyinput :value="value" placeholder="请输入学号" @input="chage"></uni-easyinput>
						</uni-forms-item>
					</uni-group>
					<view class=" flex flex-wrap align-center justify-around">
						<!-- <button @click="cancel" class="cu-btn round lg bg-grey ">取消</button> -->
						<button @click="saveStu_id" class="cu-btn round lg bg-blue ">保存</button>
					</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name: "popup-stuid",
		props: {
			stu_id: {
				type: String,
				default: ''
			},
			value:{
				type:String,
				default:''
			}
		},
		data() {
			return {
			
			};
		},
		methods: {
			saveStu_id: function(e) {
				this.$emit('save', e)
			},
			open: function() {
				this.$refs.pop.open()
			},
			close:function(){
				this.$refs.pop.close()
			},
			chage:function(e){
				let val = e;
				this.$emit("input", val);
			}
		},

	}
</script>

<style>
	.pop_root {
		overflow: hidden;
		width: 600rpx;
	
		background-color: #fff;
		border-radius: 5px;
		padding: 10px 0 10px;
	}
	
	.pop_title {
		margin-top: 5px;
		text-align: center;
	}
</style>
